@import 'variables';
@import 'mixins';
$base: true;
$standard: true;
$theme-name: standard;

// Theme Colors

$rz-white: #ffffff !default;
$rz-black: #000000 !default;

$rz-base: #e0e1e4 !default;
$rz-primary: #1151f3 !default;
$rz-secondary: #5d89f7 !default;
$rz-info: #12a4f5 !default;
$rz-success: #009b51 !default;
$rz-warning: #ffae11 !default;
$rz-danger: #f31155 !default;

$rz-series-1: #376df5 !default;
$rz-series-2: #64dfdf !default;
$rz-series-3: #f68769 !default;
$rz-series-4: #c161e2 !default;
$rz-series-5: #fdd07a !default;
$rz-series-6: #f8629b !default;
$rz-series-7: #74d062 !default;
$rz-series-8: #84a7ff !default;
$rz-series-9: #4d99f9 !default;
$rz-series-10: #8cecec !default;
$rz-series-11: #fab793 !default;
$rz-series-12: #da88ee !default;
$rz-series-13: #fee3ab !default;
$rz-series-14: #fb89c3 !default;
$rz-series-15: #a2e389 !default;
$rz-series-16: #b5caff !default;
$rz-series-17: #1750f3 !default;
$rz-series-18: #46d7d7 !default;
$rz-series-19: #f46e4c !default;
$rz-series-20: #b343db !default;
$rz-series-21: #fdc55f !default;
$rz-series-22: #f64485 !default;
$rz-series-23: #58c544 !default;
$rz-series-24: #6a93ff !default;

$rz-base-50: #ffffff !default;
$rz-base-100: #f4f5f9 !default;
$rz-base-200: #e9eaed !default;
$rz-base-300: #e0e1e4 !default;
$rz-base-400: #c9cacd !default;
$rz-base-500: #afafb2 !default;
$rz-base-600: #8d8e90 !default;
$rz-base-700: #707072 !default;
$rz-base-800: #4f4f50 !default;
$rz-base-900: #262526 !default;
$rz-base-light: #e9eaed !default;
$rz-base-lighter: #f4f5f9 !default;
$rz-base-dark: #707072 !default;
$rz-base-darker: #262526 !default;

$rz-primary-light: mix($rz-white, $rz-primary, 16%) !default;
$rz-primary-lighter: rgba($rz-primary, .16) !default;
$rz-primary-dark: mix($rz-black, $rz-primary, 16%) !default;
$rz-primary-darker: mix($rz-black, $rz-primary, 24%) !default;

$rz-secondary-light: mix($rz-white, $rz-secondary, 16%) !default;
$rz-secondary-lighter: rgba($rz-secondary, .16) !default;
$rz-secondary-dark: mix($rz-black, $rz-secondary, 16%) !default;
$rz-secondary-darker: mix($rz-black, $rz-secondary, 24%) !default;

$rz-info-light: mix($rz-white, $rz-info, 16%) !default;
$rz-info-lighter: rgba($rz-info, .16) !default;
$rz-info-dark: mix($rz-black, $rz-info, 16%) !default;
$rz-info-darker: mix($rz-black, $rz-info, 24%) !default;

$rz-success-light: mix($rz-white, $rz-success, 16%) !default;
$rz-success-lighter: rgba($rz-success, .16) !default;
$rz-success-dark: mix($rz-black, $rz-success, 16%) !default;
$rz-success-darker: mix($rz-black, $rz-success, 24%) !default;

$rz-warning-light: mix($rz-white, $rz-warning, 16%) !default;
$rz-warning-lighter: rgba($rz-warning, .16) !default;
$rz-warning-dark: mix($rz-black, $rz-warning, 16%) !default;
$rz-warning-darker: mix($rz-black, $rz-warning, 24%) !default;

$rz-danger-light: mix($rz-white, $rz-danger, 16%) !default;
$rz-danger-lighter: rgba($rz-danger, .16) !default;
$rz-danger-dark: mix($rz-black, $rz-danger, 16%) !default;
$rz-danger-darker: mix($rz-black, $rz-danger, 24%) !default;

// Theme Constants

$rz-border-width: 1px !default;
$rz-border-radius: 4px !default;
$rz-root-font-size: 16px !default;
$rz-body-font-size: 0.875rem !default;
$rz-body-line-height: 1.429 !default;
$rz-body-background-color: var(--rz-base-100) !default;
$rz-text-font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont,
'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji',
'Segoe UI Emoji', 'Segoe UI Symbol' !default;
$rz-outline-offset: 1px !default;
$rz-outline-width: 2px !default;
$rz-outline-color: var(--rz-primary-light) !default;

// Utilities

// Semantic Text Color
$rz-text-title-color: var(--rz-base-900) !default;
$rz-text-color: var(--rz-base-800) !default;
$rz-text-secondary-color: var(--rz-base-700) !default;
$rz-text-tertiary-color: var(--rz-base-600) !default;
$rz-text-disabled-color: var(--rz-base-500) !default;
$rz-text-contrast-color: var(--rz-white) !default;

// Borders
$rz-border-normal: var(--rz-border-width) solid var(--rz-base-200) !default;
$rz-border-hover: var(--rz-border-width) solid var(--rz-base-400) !default;
$rz-border-focus: var(--rz-border-width) solid var(--rz-base-400) !default;
$rz-border-disabled: var(--rz-border-width) solid var(--rz-base-200) !default;


// Shadows
$rz-shadow-1: 0 0 2px 0 rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.08) !default;
$rz-shadow-2: 0 0 2px 0 rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.08), 0px 4px 12px 0 rgba(0, 0, 0, 0.04)  !default;
$rz-shadow-3: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.10) !default;
$rz-shadow-4: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 3px 5px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.11) !default;
$rz-shadow-5: 0 0 6px 0 rgba(0, 0, 0, 0.04), 0px 4px 6px rgba(0, 0, 0, 0.04), 0px 12px 24px rgba(0, 0, 0, 0.12) !default;
$rz-shadow-6: 0 0 6px 0 rgba(0, 0, 0, 0.04), 0px 5px 8px rgba(0, 0, 0, 0.04), 0px 14px 28px rgba(0, 0, 0, 0.13) !default;
$rz-shadow-7: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0px 6px 10px rgba(0, 0, 0, 0.04), 0px 16px 32px rgba(0, 0, 0, 0.14) !default;
$rz-shadow-8: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0px 7px 12px rgba(0, 0, 0, 0.04), 0px 18px 40px rgba(0, 0, 0, 0.15) !default;
$rz-shadow-9: 0 0 12px 0 rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.04), 0px 20px 48px rgba(0, 0, 0, 0.16) !default;
$rz-shadow-10: 0 0 12px 0 rgba(0, 0, 0, 0.04), 0px 9px 20px rgba(0, 0, 0, 0.04), 0px 22px 64px rgba(0, 0, 0, 0.20) !default;

$rz-shadow-inset-level-1: inset 0px 0px 2px rgba(0, 0, 0, 0.2) !default;

// Components

// Button
$button-base-background-color: $rz-base-200 !default;
$button-base-color: $rz-base-800 !default;
$button-hover-shadow: none !default;
$button-hover-gradient: linear-gradient(to bottom, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0) 100%), linear-gradient(to bottom, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.08) 50%, rgba(0,0,0,0) 100%) !default;
$button-focus-shadow: none !default;
$button-focus-gradient: linear-gradient(to bottom, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0) 100%), linear-gradient(to bottom, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.08) 50%, rgba(0,0,0,0) 100%) !default;
$button-active-shadow: none !default;
$button-active-gradient: $button-hover-gradient !default;
$button-border-radius: $rz-border-radius !default;
$button-shadow: none !default;
$button-disabled-opacity: 0.5 !default;
$button-line-height: 1.25rem !default;
$button-vertical-align: top !default;
$button-background-size: 100% 0%, 100% 0% !default;
$button-hover-background-size: 100% 200%, 100% 0%  !default;
$button-focus-background-size: 100% 200%, 100% 0%  !default;
$button-active-background-size: 100% 0%, 100% 200%  !default;

// SelectButton
$selectbar-background-color: transparent !default;
$selectbar-selected-background-color: var(--rz-primary-lighter) !default;
$selectbar-selected-color: var(--rz-on-primary-lighter) !default;
$selectbar-selected-border: var(--rz-border-normal) !default;


// SplitButton
$splitbutton-menu-shadow: none !default;

// Badge
$badge-border-radius: var(--rz-border-radius) !default;
$badge-pill-border-radius: calc(4 * var(--rz-border-radius)) !default;

// PanelMenu
$panel-menu-item-border: 1px solid mix($rz-white, $rz-base-900, 8%) !default;
$panel-menu-item-color: $rz-white !default;
$panel-menu-item-background-color: $rz-base-900 !default;
$panel-menu-item-hover-color: inherit !default;
$panel-menu-item-hover-background-color: mix($rz-white, $rz-base-900, 6%) !default;
$panel-menu-item-active-color: inherit !default;
$panel-menu-item-active-background-color: mix($rz-white, $rz-base-900, 20%) !default;
$panel-menu-item-active-indicator: $rz-primary !default;
$panel-menu-item-2nd-level-color: inherit !default;
$panel-menu-item-2nd-level-background-color: mix($rz-white, $rz-base-900, 8%) !default;
$panel-menu-item-2nd-level-hover-color: inherit !default;
$panel-menu-item-2nd-level-hover-background-color: mix($rz-white, $rz-base-900, 16%) !default;
$panel-menu-item-2nd-level-active-color: inherit !default;
$panel-menu-item-2nd-level-active-background-color: mix($rz-white, $rz-base-900, 16%)  !default;
$panel-menu-item-3rd-level-color: inherit !default;
$panel-menu-item-3rd-level-background-color: mix($rz-white, $rz-base-900, 12%) !default;
$panel-menu-item-3rd-level-hover-color: inherit !default;
$panel-menu-item-3rd-level-hover-background-color: mix($rz-white, $rz-base-900, 20%) !default;
$panel-menu-item-3rd-level-active-color: inherit !default;
$panel-menu-item-3rd-level-active-background-color: mix($rz-white, $rz-base-900, 20%) !default;
$panel-menu-icon-color: $panel-menu-item-color !default;
$panel-menu-toggle-icon-opacity: 0.4 !default;

// Card
$card-shadow: $rz-shadow-2 !default;

// Carousel
$rz-carousel-pager-button-border: none !default;
$rz-carousel-pager-button-active-border: none !default;
$rz-carousel-pager-button-hover-background-color: var(--rz-base-dark) !default;
$rz-carousel-pager-gap: 0.75rem !default;

// Steps
$steps-number-background-color: var(--rz-base-300) !default;
$steps-number-selected-background: var(--rz-primary) !default;
$steps-title-selected-color: var(--rz-primary) !default;
$steps-button-color: var(--rz-primary) !default;

// ProgressBar
$progressbar-value-background-color: var(--rz-primary-lighter) !default;

// Accordion
$accordion-selected-color: var(--rz-base-900) !default;
$accordion-hover-color: var(--rz-primary) !default;

// Tabs
$tabs-shadow: none !default;
$tabs-tab-color: var(--rz-text-color) !default;
$tabs-tab-selected-color: var(--rz-text-title-color) !default;
$tabs-tab-selected-top-border-color: var(--rz-primary) !default;
$tabs-tab-hover-color: var(--rz-primary) !default;

// Grid
$grid-border-radius: 0 !default;
$grid-data-border-shadow: 0 1px 0 0 var(--rz-base-200), 0 -1px 0 0 var(--rz-base-200);
$grid-cell-focus-background-color: var(--rz-primary-lighter) !default;
$grid-cell-focus-color: var(--rz-on-primary-lighter) !default;
$grid-hover-background-color: var(--rz-primary-lighter) !default;
$grid-hover-color: var(--rz-on-primary-lighter) !default;
$grid-selected-background-color: lighten($rz-primary-lighter, 20%) !default;
$grid-selected-color: var(--rz-on-primary-lighter) !default;
$grid-stripe-background-color: lighten($rz-base-100, 1%) !default;
$grid-header-cell-border-bottom: var(--rz-border-normal) !default;
$grid-header-background-color: var(--rz-base-100) !default;
$grid-header-font-size: 0.875rem !default;
$grid-header-text-transform: none !default;
$grid-header-color: var(--rz-text-title-color) !default;
$grid-header-sorted-background-color: var(--rz-base-100) !default;
$grid-foot-cell-color: var(--rz-text-title-color) !default;
$grid-foot-background-color: var(--rz-base-200) !default;
$grid-filter-background-color: var(--rz-base-100) !default;
$grid-filter-border: none !default;
$grid-filter-color: var(--rz-text-disabled-color) !default;
$grid-filter-focus-color: var(--rz-text-title-color) !default;
$grid-filter-buttons-background-color: var(--rz-base-100) !default;
$grid-clear-filter-button-background-color: var(--rz-base-200) !default;
$grid-clear-filter-button-color: var(--rz-text-color) !default;
$grid-header-filter-icon-hover-color: var(--rz-text-title-color) !default;
$grid-simple-filter-icon-active-color: var(--rz-on-primary-lighter) !default;
$grid-simple-filter-icon-active-background-color: var(--rz-primary-lighter) !default;
$grid-border: none !default;
$grid-shadow: none !default;
$grid-column-resizer-helper-background-color: var(--rz-primary) !default;
$grid-detail-template-background-color: var(--rz-base-100) !default;
$grid-loading-indicator-color: var(--rz-on-primary-lighter) !default;
$grid-loading-indicator-background-color: var(--rz-primary-lighter) !default;
$grid-loading-indicator-background-opacity: 1 !default;
$column-drag-handle-color: var(--rz-text-disabled-color) !default;
$column-drag-handle-hover-color: var(--rz-text-title-color) !default;

.rz-selectable {
  .rz-datatable-even,
  .rz-datatable-odd {
    td,
    .rz-cell-data {
      transition: background-color var(--rz-transition), color var(--rz-transition);
    }

    &:hover {
      > td:not(.rz-frozen-cell) {
        background-color: $grid-hover-background-color;
        
      }

      .rz-cell-data {
        color: $grid-hover-color;
      }
    }
  }
}

// DataList
$datalist-background-color: transparent !default;
$datalist-shadow: none !default;
$datalist-item-shadow: none !default;

// Scheduler
$scheduler-shadow: none !default;
$scheduler-toolbar-background-color: var(--rz-base-100) !default;
$scheduler-prev-next-button-background-color: var(--rz-base-200) !default;
$scheduler-prev-next-button-color: var(--rz-text-color) !default;
$scheduler-view-button-color: var(--rz-text-color) !default;
$scheduler-view-button-background-color: transparent !default;
$scheduler-view-selected-background-color: var(--rz-primary-lighter) !default;
$scheduler-view-selected-border-color: transparent !default;
$scheduler-view-selected-color: var(--rz-on-primary-lighter) !default;
$scheduler-header-background-color: var(--rz-base-100) !default;
$scheduler-header-color: var(--rz-text-tertiary-color) !default;
$scheduler-border-color: var(--rz-base-200) !default;
$scheduler-minor-border-color: var(--rz-base-100) !default;
$scheduler-color: var(--rz-text-color) !default;

// Overlay Panel
$overlay-shadow: $rz-shadow-3 !default;

// Pager
$pager-background-color: transparent !default;
$pager-numeric-button-selected-background-color: var(--rz-primary-lighter) !default;
$pager-numeric-button-selected-color: var(--rz-on-primary-lighter) !default;
$pager-numeric-button-selected-border: 1px solid transparent !default;
$pager-summary-color: var(--rz-text-tertiary-color) !default;

// Tree
$tree-node-selected-background-color: var(--rz-primary) !default;
$tree-node-selected-border-radius: var(--rz-border-radius) !default;
$tree-node-hover-background-color: var(--rz-primary-lighter) !default;
$tree-node-hover-color: var(--rz-primary) !default;
$tree-node-toggle-hover-color: var(--rz-text-title-color) !default;


// Switch
$switch-background-color: var(--rz-base-200) !default;
$switch-checked-background-color: var(--rz-primary) !default;
$switch-box-shadow: $rz-shadow-2 !default;

// Header
$header-border:  var(--rz-border-white) !default;
$header-shadow: $rz-shadow-3 !default;

// Footer
$footer-border: none !default;

// Sidebar
$sidebar-border-inline-end: var(--rz-border-base-800) !default;
$sidebar-background-color: var(--rz-base-900) !default;

// SidebarToggle
$sidebar-toggle-hover-color: var(--rz-base-900)  !default;
$sidebar-toggle-color: var(--rz-base-800) !default;

// Menu
$menu-border: none !default;
$menu-border-radius: 0 !default;
$menu-item-color: var(--rz-text-color) !default;
$menu-item-hover-color: var(--rz-on-primary-lighter) !default;
$menu-item-hover-background-color: var(--rz-primary-lighter) !default;
$menu-item-selected-color: var(--rz-primary) !default;
$menu-item-transition: var(--rz-transition-all) !default;
$menu-top-item-color: $menu-item-color !default;
$menu-top-item-hover-color: var(--rz-on-primary-lighter) !default;
$menu-top-item-hover-background-color: var(--rz-primary-lighter) !default;
$menu-top-item-icon-color: $menu-top-item-color !default;
$menu-top-item-icon-hover-color: $menu-top-item-hover-color !default;
$menu-top-item-selected-color: $menu-item-selected-color !default;
$context-menu-box-shadow: $rz-shadow-3 !default;

// ProfileMenu
$profile-menu-toggle-button-color: var(--rz-text-color) !default;
$profile-menu-item-hover-background-color:var(--rz-primary-lighter) !default;

// Gravatar
$gravatar-box-shadow: $rz-shadow-inset-level-1 !default;

// Panel
$panel-toggle-icon-border-radius: var(--rz-border-radius) !default;
$panel-hover-color: var(--rz-primary) !default;

// Input
$input-shadow: none !default;
$input-hover-border: var(--rz-border-primary-light) !default;
$input-focus-border: var(--rz-border-primary-light) !default;
$input-focus-shadow: 0px 0px 0px 1px var(--rz-white), 0px 0px 0px 3px rgba($rz-primary, 0.2) !default;
$input-disabled-opacity: .5 !default;

// Numeric
$numeric-button-background-color: var(--rz-base-background-color) !default;
$numeric-button-disabled-background-color: var(--rz-base-100) !default;
$numeric-button-color: var(--rz-text-tertiary-color) !default;

// DatePicker
$datepicker-trigger-icon-color: var(--rz-text-color)  !default;
$datepicker-trigger-icon-hover-color: var(--rz-text-title-color) !default;
$datepicker-panel-shadow: $rz-shadow-3 !default;
$datepicker-header-background-color: var(--rz-base-background-color) !default;
$datepicker-header-color: var(--rz-text-color) !default;
$datepicker-header-padding-block: 0.5rem !default;
$datepicker-header-padding-inline: 0.5rem !default;
$datepicker-calendar-padding-block: 0 0.5rem !default;
$datepicker-calendar-padding-inline: 0.5rem !default;
$datepicker-calendar-hover-color: var(--rz-on-primary-lighter) !default;
$datepicker-calendar-hover-background-color: var(--rz-primary-lighter) !default;
$datepicker-calendar-selected-color: var(--rz-on-primary) !default;
$datepicker-calendar-selected-background-color: var(--rz-primary) !default;
$datepicker-calendar-selected-hover-color: var(--rz-on-primary-light) !default;
$datepicker-calendar-selected-hover-background-color: var(--rz-primary-light) !default;
$datepicker-calendar-border: none !default;
$datepicker-calendar-border-radius: var(--rz-border-radius) !default;
$datepicker-calendar-today-color: var(--rz-primary) !default;
$datepicker-calendar-today-box-shadow: inset 0 0 0 1px var(--rz-primary) !default;
$timepicker-background-color: $datepicker-header-background-color !default;
$timepicker-separator-color: var(--rz-text-disabled-color) !default;
$timepicker-button-background-color: var(--rz-primary) !default;
$timepicker-button-color: var(--rz-on-primary) !default;
$timepicker-button-border-radius: var(--rz-border-radius) !default;

// TimeSpanPicker
$timespanpicker-trigger-icon-color: var(--rz-text-color) !default;
$timespanpicker-trigger-icon-hover-color: var(--rz-text-title-color) !default;
$timespanpicker-popup-shadow: $rz-shadow-3 !default;

// Fieldset
$fieldset-border: var(--rz-border-base-300) !default;
$fieldset-border-radius: var(--rz-border-radius) !default;
$fieldset-legend-color: var(--rz-text-color) !default;
$fieldset-toggle-color: var(--rz-text-color) !default;

// Slider
$slider-border: var(--rz-border-base-300) !default;
$slider-range-background-color: var(--rz-primary-lighter) !default;
$slider-range-border: var(--rz-border-primary-lighter) !default;
$slider-handle-background-color: var(--rz-white) !default;
$slider-handle-width: 1.25rem !default;
$slider-handle-height: 1.25rem !default;
$slider-handle-border: 0.25rem solid var(--rz-primary);
$slider-handle-border-radius: calc(4 * var(--rz-border-radius)) !default;
$slider-handle-hover-background-color: var(--rz-primary) !default;
$slider-handle-hover-shadow: none !default;
$slider-disabled-range-background-color: var(--rz-base-200) !default;
$slider-disabled-range-border: var(--rz-border-base-300) !default;
$slider-disabled-handle-background-color: var(--rz-white) !default;
$slider-disabled-handle-border: 0.25rem solid var(--rz-base-400);
$slider-border-radius: calc(2 * var(--rz-border-radius)) !default;

// Checkbox
$checkbox-border-radius: var(--rz-border-radius);
$checkbox-border-width: 1px !default;
$checkbox-checked-background-color: var(--rz-base-background-color) !default;
$checkbox-checked-hover-background-color: var(--rz-base-background-color) !default;
$checkbox-checked-color: var(--rz-primary) !default;
$checkbox-checked-shadow: none !default;
$checkbox-checked-border: var(--rz-input-border) !default;
$checkbox-checked-hover-border: var(--rz-input-hover-border) !default;
$checkbox-icon-width: 1rem !default;
$checkbox-icon-font-size: 1rem !default;
$checkbox-checked-icon-background-color: var(--rz-base-background-color) !default;
$checkbox-checked-icon-border-radius: calc(var(--rz-border-radius) / 2) !default;

.rz-checkbox-list-vertical,
.rz-checkbox-list-horizontal {

  &.rz-state-disabled > div > .rz-chkbox-label {
    opacity: 0.5;
  }

  &:not(.rz-state-disabled) > div > .rz-chkbox-label:hover {
    color: var(--rz-primary-light);
    cursor: pointer;
  }
}

// Radio Button
$radio-active-background-color: var(--rz-base-background-color) !default;
$radio-active-shadow: none !default;
$radio-checked-background-color: var(--rz-base-background-color) !default;
$radio-checked-hover-background-color: var(--rz-base-background-color) !default;
$radio-checked-hover-shadow: none !default;
$radio-checked-color: var(--rz-text-contrast-color) !default;
$radio-circle-background-color: var(--rz-primary) !default;
$radio-circle-shadow: none !default;
$radio-circle-hover-background-color: var(--rz-primary-light) !default;
$radio-icon-width: 0.625rem !default;
$radio-icon-height: $radio-icon-width !default;
$radio-checked-border: var(--rz-input-border) !default;

.rz-radio-button-list-vertical,
.rz-radio-button-list-horizontal {

  &.rz-state-disabled > div > .rz-radiobutton-label {
    opacity: 0.5;
  }

  &:not(.rz-state-disabled) > div > .rz-radiobutton-label:hover {
    color: var(--rz-primary-light);
    cursor: pointer;
  }
}

// DropDown
$dropdown-item-hover-background-color: var(--rz-primary-lighter) !default;
$dropdown-item-selected-background-color: var(--rz-primary-lighter) !default;
$dropdown-item-selected-shadow: none !default;
$dropdown-item-hover-color: var(--rz-on-primary-lighter) !default;
$dropdown-item-selected-color: var(--rz-on-primary-lighter) !default;
$dropdown-item-selected-hover-background-color: var(--rz-primary-lighter) !default;
$dropdown-item-selected-hover-color: var(--rz-on-primary-lighter) !default;
$dropdown-item-transition: var(--rz-transition-all) !default;
$dropdown-filter-border: var(--rz-border-base-200) !default;

// ColorPicker
$colorpicker-panel-shadow: $rz-shadow-3 !default;
$colorpicker-value-border-radius: 1rem !default;
$colorpicker-item-border-radius: 1rem !default;
$colorpicker-item-shadow: $rz-shadow-inset-level-1 !default;
$colorpicker-handle-shadow: $rz-shadow-inset-level-1, $rz-shadow-1, 0 0 0 1px rgba(0,0,0,.08);
$colorpicker-input-labels-color: var(--rz-text-tertiary-color) !default;

// Rating
$rating-color: var(--rz-text-tertiary-color) !default;
$rating-disabled-opacity: 0.5 !default;

// Upload
$upload-button-bar-background-color: var(--rz-base-100) !default;
$upload-choose-background-color: var(--rz-secondary-lighter) !default;
$upload-choose-color: var(--rz-on-secondary-lighter) !default;
$upload-choose-hover-background-color: var(--rz-secondary-light) !default;
$upload-choose-hover-color: var(--rz-on-secondary-light) !default;
$upload-cancel-background-color: var(--rz-base-300) !default;

// Dialog
$dialog-title-background-color: var(--rz-base-background-color) !default;
$dialog-title-padding-block: 1.25rem 0.5rem !default;
$dialog-title-padding-inline: 1.25rem !default;
$dialog-title-font-size: 1.5rem !default;
$dialog-title-line-height: 1.25em !default;
$dialog-close-vertical-align: top !default;
$dialog-mask-background-color: var(--rz-base-600) !default;
$dialog-border-radius: calc(2 * var(--rz-border-radius)) !default;

// Scrollbar
$scrollbar-color: rgba($rz-base-600, 0.5) !default;

// Editor
$editor-toolbar-background-color: var(--rz-base-100) !default;
$editor-button-background-color: var(--rz-base-100) !default;
$editor-button-selected-background-color: var(--rz-primary) !default;
$editor-button-selected-color: var(--rz-on-primary) !default;

// Splitter
$splitter-bar-color: var(--rz-text-tertiary-color) !default;
$splitter-bar-color-active: var(--rz-on-primary-lighter) !default;
$splitter-bar-background-color-active: var(--rz-primary-lighter) !default;

// Tooltip
$tooltip-background-color: var(--rz-base-900) !default;
$tooltip-color: var(--rz-white) !default;
$tooltip-shadow: $rz-shadow-4 !default;

// Gauge
$gauge-pointer-color: var(--rz-primary) !default;
$gauge-arc-value-color: var(--rz-primary) !default;

// FormField
$form-field-hover-shadow: var(--rz-input-hover-shadow) !default;
$form-field-focus-shadow: var(--rz-input-focus-shadow) !default;

// Layout
$layout-background-color: transparent !default;

// Toc
$rz-toc-link-hover-color: var(--rz-primary-dark) !default;
$rz-toc-link-selected-color: var(--rz-primary) !default;
$rz-toc-link-selected-indicator-color: var(--rz-primary) !default;
$rz-toc-horizontal-link-selected-color: var(--rz-primary) !default;

// Chat
$rz-chat-background-color: var(--rz-base-background-color) !default;
$rz-chat-border: var(--rz-border-normal) !default;
$rz-chat-border-radius: var(--rz-border-radius) !default;
$rz-chat-header-padding-block: 0.5rem !default;
$rz-chat-header-padding-inline: 1rem 0.5rem !default;
$rz-chat-header-background-color: $rz-chat-background-color !default;
$rz-chat-header-bottom-border: var(--rz-border-normal) !default;
$rz-chat-header-shadow: none !default;
$rz-chat-header-title-font-size: 1rem !default;
$rz-chat-header-title-font-weight: 600 !default;
$rz-chat-message-user-color: var(--rz-on-primary-lighter) !default;
$rz-chat-message-user-background-color: var(--rz-primary-lighter) !default;
$rz-chat-message-assistant-color: var(--rz-on-base-light) !default;
$rz-chat-message-assistant-background-color: var(--rz-base-light) !default;
$rz-chat-message-text-padding: 0.5rem 0.75rem !default;
$rz-chat-message-text-border-radius: var(--rz-border-radius) !default;
$rz-chat-avatar-size: 2rem !default;
$rz-chat-avatar-border-radius: var(--rz-border-radius) !default;
$rz-chat-avatar-font-size: 1rem !default;
$rz-chat-avatar-font-weight: 700 !default;
$rz-chat-message-callout-radius: calc(var(--rz-border-radius) / 4) !default;

// Skeleton
$skeleton-background-color: var(--rz-base-300) !default;
$skeleton-animation-color: var(--rz-base-100) !default;

@import 'fonts';
@import 'components';

// Body
$rz-body-background: no-repeat 180% 0 / 60% fixed url("") !default;

body {
  background: $rz-base-100 $rz-body-background;
}